﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>bingoJS - Ace Admin</title>
    <meta name="description" content="Static & Dynamic Tables" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- basic styles -->
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <!--[if IE 7]>
		  <link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
		<![endif]-->
    <!-- page specific plugin styles -->

    <!-- ace styles -->
    <link rel="stylesheet" href="css/ace.min.css" />
    <link rel="stylesheet" href="css/ace-responsive.min.css" />
    <link rel="stylesheet" href="css/ace-skins.min.css" />
    <link href="css/site.css" rel="stylesheet" />
    <!--[if lt IE 9]>
		  <link rel="stylesheet" href="css/ace-ie.min.css" />
		<![endif]-->
</head>
<body class="navbar-fixed" bg-action="action/home/main">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="brand" href="javascript:void(0)"><small><i class="icon-leaf"></i>Ace Admin</small> </a>
                <ul class="nav ace-nav pull-right">
                    <li class="light-blue user-profile">
                        <a class="user-menu dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">
                            <img alt="Jason's Photo" src="avatars/user.jpg" class="nav-user-photo" />
                            <span id="user_info">
                                <small>Welcome,</small> Jason
                            </span>
                            <i class="icon-caret-down"></i>
                        </a>
                        <ul id="user_menu" class="pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                            <li><a href="javascript:void(0)"><i class="icon-cog"></i>Settings</a></li>
                            <li><a href="javascript:void(0)"><i class="icon-user"></i>Profile</a></li>
                            <li class="divider"></li>
                            <li><a href="javascript:void(0)"><i class="icon-off"></i>Logout</a></li>
                        </ul>
                    </li>
                </ul>
                <!--/.ace-nav-->
            </div>
            <!--/.container-fluid-->
        </div>
        <!--/.navbar-inner-->
    </div>
    <!--/.navbar-->
    <div class="container-fluid" id="main-container">
        
        <a href="javascript:void(0)" id="menu-toggler"><span></span></a>
        <!-- menu toggler -->
        
        <div id="sidebar">
            <div id="sidebar-shortcuts">
                <div id="sidebar-shortcuts-large">
                    <button class="btn btn-small btn-success"><i class="icon-signal"></i></button>
                    <button class="btn btn-small btn-info"><i class="icon-pencil"></i></button>
                    <button class="btn btn-small btn-warning"><i class="icon-group"></i></button>
                    <button class="btn btn-small btn-danger"><i class="icon-cogs"></i></button>
                </div>
                <div id="sidebar-shortcuts-mini">
                    <span class="btn btn-success"></span>
                    <span class="btn btn-info"></span>
                    <span class="btn btn-warning"></span>
                    <span class="btn btn-danger"></span>
                </div>
            </div>

            <!-- #sidebar-shortcuts 导航开始 -->
            <ul class="nav nav-list">
                <li>
                    <a href="#view/home/index" bg-target="main">
                        <i class="icon-dashboard"></i>
                        <span>概述</span>
                    </a>
                </li>
                <li class="active">
                    <a href="#view/home/table" bg-target="main">
                        <i class="icon-list"></i>
                        <span>Tables</span>
                    </a>
                </li>
                <li>
                    <a href="bootstrap.html" target="_blank">
                        <i class="icon-dashboard"></i>
                        <span>bootstrap主页</span>
                    </a>
                </li>
            </ul>
            <!--/.nav-list 导航结束-->
            <div id="sidebar-collapse"><i class="icon-double-angle-left"></i></div>
        </div>
        <!--/#sidebar-->

        <div id="main-content" class="clearfix">
            <div id="breadcrumbs">
                <ul class="breadcrumb">
                    <li><i class="icon-home"></i><a href="javascript:void(0)">Home</a><span class="divider"><i class="icon-angle-right"></i></span></li>
                    <li class="active">Tables</li>
                </ul>

                <!--.breadcrumb-->
                <div id="nav-search">

                    <form class="form-search">

                        <span class="input-icon">

                            <input autocomplete="off" id="nav-search-input" type="text" class="input-small search-query" placeholder="Search ..." />

                            <i id="nav-search-icon" class="icon-search"></i>

                        </span>

                    </form>

                </div>
                <!--#nav-search-->

            </div>
            <!--#breadcrumbs-->



            <div id="page-content" class="clearfix"
                bg-route="view/home/index" bg-name="main">

            </div>
            <!--/#page-content-->

            <div id="ace-settings-container">
                <div class="btn btn-app btn-mini btn-warning" id="ace-settings-btn">
                    <i class="icon-cog"></i>
                </div>
                <div id="ace-settings-box">
                    <div>
                        <div class="pull-left">
                            <select id="skin-colorpicker" class="hidden">
                                <option data-class="default" value="#438EB9">#438EB9</option>
                                <option data-class="skin-1" value="#222A2D">#222A2D</option>
                                <option data-class="skin-2" value="#C6487E">#C6487E</option>
                                <option data-class="skin-3" value="#D0D0D0">#D0D0D0</option>
                            </select>
                        </div>
                        <span>&nbsp; Choose Skin</span>
                    </div>
                    <div>
                        <input type="checkbox" class="ace-checkbox-2" id="ace-settings-header" /><label class="lbl" for="ace-settings-header"> Fixed Header</label></div>
                    <div>
                        <input type="checkbox" class="ace-checkbox-2" id="ace-settings-sidebar" /><label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label></div>
                </div>
            </div>
            <!--/#ace-settings-container-->
        </div>
        <!-- #main-content -->
    </div>
    <!--/.fluid-container#main-container-->
    <a href="javascript:void(0)" id="btn-scroll-up" class="btn btn-small btn-inverse">
        <i class="icon-double-angle-up icon-only"></i>
    </a>
    <!-- basic scripts -->
    <script src="1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='js/jquery-1.9.1.min.js'>\x3C/script>");
    </script>

    <script src="js/bootstrap.min.js"></script>
    <!-- page specific plugin scripts -->

    <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.bootstrap.js"></script>
    <!-- ace scripts -->
    <script src="js/ace-elements.min.js"></script>
    <script src="js/ace.min.js"></script>
    <!-- inline scripts related to this page -->

    <!-- bingojs -->
    <script src="bingojs/bingo.js" type="text/javascript"></script>
    <script src="bingojs/site.js" type="text/javascript"></script>
    <!-- bingojs -->



    <script type="text/javascript">
        $(function () {

            $('table th input:checkbox').on('click', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function () {
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

            });
            $('[data-rel=tooltip]').tooltip();
        })
    </script>
</body>
</html>
